<template>
    <div class="container" style="height:100vh">
        <div class="userCenter">
            <div class="list_view">
                <div class="user_cell" hover-class="user_hover" @click="goAgreement">
                    <span class="cell_text">用车协议</span>
                    <img class="cell_icon_right" src="../../images/arrowRight@3x.png">
                </div>
                <div class="user_cell" hover-class="user_hover" @click="goWebView">
                    <span class="cell_text">隐私协议</span>
                    <img class="cell_icon_right" src="../../images/arrowRight@3x.png">
                </div>
                <div class="user_cell noAfter" @click="turnPage" data-target="trip" hover-class="user_hover">
                    <span class="cell_text">我的行程</span>
                    <img class="cell_icon_right" src="../../images/arrowRight@3x.png">
                </div>
                <div class="user_cell noAfter" @click="turnPage" data-target="permissionList" hover-class="user_hover">
                    <span class="cell_text">授权管理</span>
                    <img class="cell_icon_right" src="../../images/arrowRight@3x.png">
                </div>
                <button class="exit" @click="exit" style="bottom:70px" hover-class="exit_hover">
                    退出登录
                </button>
            </div>
        </div>
    </div>
</template>
<script>

    import setting from "./setting";
    export default {
        mixins: [setting],
        data() {
            return {

            }
        }
    }
</script>

<style scoped lang="stylus">
    @import "./setting.styl"
</style>
